<% layout('layout') -%>

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <ul>

    <table width=700>
      <tr>
        <td align=right><font face='comic sans ms'><strong>total count : <%= result.length %></strong></font></td>
      </tr>
    </table>

    <table border=1 bordercolor=gray width=700 style=border-left-style: solid; border-left-width: 1; border-left-color: navy style=border-top-style: solid; border-top-width: 1; border-top-color: navy style=border-bottom-style: solid; border-bottom-width: 1; border-bottom-color: navy>
      <tr>
        <% for (var i=0; i<fields.length; i++) {%>
          <td align=center bgcolor=LightSteelBlue><font face='comic sans ms' size=2><strong><%= JSON.parse(JSON.stringify(fields[i])).name %></strong></font></td>
        <% } %>
      </tr>
      <% for (var i=0; i<result.length; i++) {%>
        <tr onmouseover=this.style.backgroundColor='#E5E5E5' onmouseout=this.style.backgroundColor='#F4F4F4'>
          <td align=center><font face=Monaco><%= JSON.parse(JSON.stringify(result[i])).seq %></font></td>
          <td align=center><font face=Monaco><%= JSON.parse(JSON.stringify(result[i])).socialid %></font></td>
          <td align=center><font face=Monaco><%= JSON.parse(JSON.stringify(result[i])).uuid %></font></td>
          <td align=center><font face=Monaco><%= JSON.parse(JSON.stringify(result[i])).nickname %></font></td>
          <td align=center><font face=Monaco><%= JSON.parse(JSON.stringify(result[i])).shard_Item_db_type %></font></td>
        </tr>
      <% } %>
    </table>

    </ul>
  </body>
</html>